---
title: "Login for AppFlowy"
bodyClass: #EEEEFC
---

<x-main>
  <div style="display: none">
    To login to AppFlowy, follow this link @{{ .ConfirmationURL }}
  </div>

  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEFC" style="font-family: Google Sans, Robot, Arial, sans-serif; padding: 24px; color: #000000;">
    <tr>
      <td align="center" valign="top">
        <table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-radius: 12px; padding: 32px; margin: 0 auto;">
          <tr>
            <td align="center" style="padding-bottom: 24px;">
              <img src="{{ cdnBaseUrl }}images/appflowy.png" width="32" height="32" style="border: 0; display: block; margin: 0 auto;" />
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 8px;">
              <h1 style="font-size: 24px; font-weight: bold; margin: 0; color: #000000;">Login for AppFlowy</h1>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 24px;">
              <p style="font-size: 16px; line-height: 1.5; margin: 0;">We received a request to log in to your AppFlowy account.</p>
              <p style="font-size: 16px; line-height: 1.5; margin: 2px 0 0 0;">You can log in using either of the following options:</p>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 12px;">
              <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F8FAFF" style="border-radius: 20px; padding: 24px 20px;">
                <tr>
                  <td align="center" style="padding-bottom: 16px;">
                    <h2 style="font-size: 16px; font-weight: bold; margin: 0; color: #000000;">Option 1: Magic Link (Fast & Easy)</h2>
                    <p style="font-size: 14px; color: #6F748C; margin: 10px 0 0 0;">Click the button or link below to log in instantly</p>
                  </td>
                </tr>

                <tr>
                  <td align="center" style="padding-bottom: 16px;">
                    <table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
                      <tr>
                        <td align="center" bgcolor="#9327FF" style="border-radius: 10px; padding: 10px 16px;">
                          <a href="@{{ .ConfirmationURL }}" style="color: #ffffff; font-weight: 600; font-size: 14px; text-decoration: none; display: inline-block;">Login to AppFlowy</a>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>

                <tr>
                  <td align="center">
                    <p style="padding-bottom: 16px; font-size: 12px; color: #6F748C; margin: 0;">Or paste this into your browser:</p>
                    <p style="max-width: 384px;margin: 0;">
                      <a href="@{{ .ConfirmationURL }}" style="font-size: 12px; text-decoration: none; text-align: center; color: #6F748C; font-weight: bold; margin: 0; word-break: break-all;">
                        @{{ .ConfirmationURL }}
                      </a>
                    </p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 24px;">
              <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F8FAFF" style="border-radius: 20px; padding: 24px 20px;">
                <tr>
                  <td align="center" style="padding-bottom: 16px;">
                    <h2 style="font-size: 16px; font-weight: bold; margin: 0; color: #000000;">Option 2: One-Time Password (OTP)</h2>
                    <p style="font-size: 14px; color: #6F748C; margin: 10px 0 0 0;">Prefer to enter a code instead? Use the one-time code below</p>
                  </td>
                </tr>

                <tr>
                  <td align="center">
                    <span style="background-color: #ffffff; padding: 8px; border-radius: 6px; font-weight: 600; font-size: 16px; display: inline-block;">@{{ .Token }}</span>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 24px;">
              <p style="font-size: 12px; color: #6F748C; margin: 0;">This code and magic link will expire in 5 minutes for security reasons.</p>
              <p style="font-size: 12px; color: #6F748C; margin: 0;">If you didn't initiate this login, you can safely ignore this email. No action is needed.</p>
            </td>
          </tr>

          <tr>
            <td align="center">
              <p style="border-top: 1px solid #E4E8F5; padding-top: 24px; font-size: 12px; color: #6F748C; margin: 0 0 15px 0;">Bring projects, knowledge, and teams together with the power of AI.</p>

              <p style="margin: 0 0 15px 0;">
                <a href="https://discord.gg/9Q2xaN37tV" style="text-decoration: none; display: inline-block; margin: 0 10px 0 0;">
                  <img src="{{ cdnBaseUrl }}images/discord.png" width="20" height="20" alt="Discord" style="border: 0;" />
                </a>
                <a href="https://github.com/AppFlowy-IO/AppFlowy" style="text-decoration: none; display: inline-block; margin: 0 10px 0 0;">
                  <img src="{{ cdnBaseUrl }}images/github.png" width="20" height="20" alt="GitHub" style="border: 0;" />
                </a>
                <a href="https://www.reddit.com/r/AppFlowy" style="text-decoration: none; display: inline-block; margin: 0 10px 0 0;">
                  <img src="{{ cdnBaseUrl }}images/reddit.png" width="20" height="20" alt="Reddit" style="border: 0;" />
                </a>
                <a href="https://twitter.com/appflowy" style="text-decoration: none; display: inline-block; margin: 0 10px 0 0;">
                  <img src="{{ cdnBaseUrl }}images/twitter.png" width="20" height="20" alt="Twitter" style="border: 0;" />
                </a>
                <a href="https://www.youtube.com/@AppFlowyHQ" style="text-decoration: none; display: inline-block;">
                  <img src="{{ cdnBaseUrl }}images/youtube.png" width="20" height="20" alt="Youtube" style="border: 0;" />
                </a>
              </p>

              <p style="font-size: 12px; color: #6F748C; margin: 0 0 10px 0;">Copyright © 2025, AppFlowy Inc.</p>
              <p style="font-size: 12px; color: #6F748C; margin: 0;">
                Need Help? <a href="mailto:support@appflowy.io" style="color: #6F748C;">support@appflowy.io</a>
              </p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</x-main>
